<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
	<%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
		<!DOCTYPE >
		<html>

		<head>
			<base href="<%=basePath%>">
			<title>耳聋基因检测</title>
			<meta charset="utf-8" />
			<meta http-equiv="X-UA-Compatible" content="IE=edge" />
			<meta name="viewport" content="width=device-width, initial-scale=1" />
			<link rel="icon" href="favicon.ico" />
			<link href="static/manage-sys/css/bootstrap.min.css" rel="stylesheet" />
			<link href="static/manage-sys/css/font-awesome.min.css" rel="stylesheet" />
			<link href="static/manage-sys/css/default.css" rel="stylesheet" type="text/css" />
			<!-- 自动补全-->
			<link rel="stylesheet" type="text/css" href="static/manage-sys/add-sample/css/autoComplete.css">
			<!-- 耳聋基因页面样式-->
			<link rel="stylesheet" type="text/css" href="static/manage-sys/add-sample/css/deaf.css">

			<script src="static/manage-sys/js/jquery.min.js"></script>
			<!--[if lt IE 9]>
			  <script src="js/bootstrap/html5shiv.min.js"></script>
			  <script src="js/bootstrap/respond.min.js"></script>
			<![endif]-->
			<!--页面加载进度条-->
			<link href="static/manage-sys/css/pace/dataurl.css" rel="stylesheet" />
			<script src="static/manage-sys/js/pace/pace.min.js"></script>
			<script src="static/manage-sys/js/jquery.scrolltopcontrol/scrolltopcontrol.js" type="text/javascript"></script>
			<script src="static/manage-sys/js/jquery.extend.js" type="text/javascript"></script>
			<script src="static/manage-sys/js/default.js" type="text/javascript"></script>

			<link rel="stylesheet" type="text/css" href="static/manage-sys/add-sample/easyui/themes/ui-cupertino/easyui.css" />
			<link rel="stylesheet" type="text/css" href="static/manage-sys/add-sample/easyui/themes/icon.css" />
			<link rel="stylesheet" type="text/css" href="static/manage-sys/add-sample/css/icon.css" />
			<link rel="stylesheet" type="text/css" href="static/manage-sys/add-sample/css/uims.css" />
			<link rel="stylesheet" type="text/css" href="static/manage-sys/add-sample/css/temp.css" />

			<script type="text/javascript" src="static/manage-sys/add-sample/easyui/jquery.easyui.min.js"></script>
			<script type="text/javascript" src="static/manage-sys/add-sample/easyui/locale/easyui-lang-zh_CN.js"></script>

			<script src="static/manage-sys/js/bootstrap/bootstrap.min.js"></script>
			<script src="static/manage-sys/js/bootstrap/bootstrap-table.min.js"></script>
			<script src="static/manage-sys/js/bootstrap/bootstrap-table-zh-CN.min.js"></script>

			<script type="text/javascript" src="static/manage-sys/add-sample/js/dataGridCellTip.js"></script>
			<script type="text/javascript" src="static/manage-sys/add-sample/js/validate.js"></script>
			<script type="text/javascript" src="static/manage-sys/add-sample/js/json2.js"></script>

			<script type="text/javascript" src="static/manage-sys/add-sample/js/sampleCommon.js"></script>
			<script type="text/javascript" src="static/manage-sys/add-sample/js/template.js"></script>

			<!-- artTemplate 模板引擎 -->
			<script src="static/manage-sys/js/template-web.js" type="text/javascript"></script>
		
			<!-- 设置送检单位 -->
			<script src="static/manage-sys/js/set-customer.js" type="text/javascript"></script>
			<!-- 下拉菜单 -->
			<link href="static/manage-sys/css/bootstrap-select/bootstrap-select.min.css" rel="stylesheet" />
			<script src="static/manage-sys/js/bootstrap-select/bootstrap-select.min.js"></script>
			<script src="static/manage-sys/js/bootstrap-select/i18n/defaults-zh_CN.min.js"></script>
			<script src="static/manage-sys/js/bootstrap-select/bootstrap-select-custom.js"></script>
			<!-- 省市区 -->
			<script type="text/javascript" src="static/manage-sys/js/cj-pcd/cj-pcd-1.0.1.min.js"></script>
			<!-- 自动补全-->
			<script type="text/javascript" src="static/manage-sys/add-sample/js/autoComplete.js"></script>

			<!-- 加载民族信息-->
			<script type="text/javascript">
                var nationalities = [
                    '阿昌族','白族','保安族','布朗族','布依族','朝鲜族','达斡尔族','傣族','德昂族','东乡族','侗族','独龙族','俄罗斯族','鄂伦春族',
                    '鄂温克族','高山族','仡佬族','哈尼族','哈萨克族','汉族','赫哲族','回族','基诺族','京族','景颇族','柯尔克孜族','拉祜族','黎族',
                    '傈僳族','珞巴族','满族','毛南族','门巴族','蒙古族','苗族','仫佬族','纳西族','怒族','普米族','羌族','撒拉族','畲族',
                    '水族','塔吉克族','土家族','土族','佤族','维吾尔族','乌孜别克族','锡伯族','瑶族','彝族','裕固族','藏族','壮族'
                ];

                $(document).ready(function(){
                    $('#search').autocomplete({
                        hints: nationalities,//指定资源
                        width: 160,
                        height: 25
                    });
                });
			</script>

		</head>

		<body>
			<!--我是主要内容-->
			<div class="container">
				<div class="content">
					<div class="coupon-box" onclick="chooseCoupon()">
						选择免费券
					</div>
					<table class="second-table t-group">
						<tr class="blue-tr">
							<td class="droppable t-group-title">送检单信息</td>
						</tr>
						<%--<tr>--%>
							<%--<td class="droppable">--%>
								<%--<span class="field t-group-item">--%>
									<%--<span class="required">*</span>--%>
									<%--<i class="t-field-id" data-value="customerCode"></i>--%>
									<%--<i class="t-type" data-value="text"></i>--%>
									<%--<i class="t-name t-require">送检单位</i>：--%>
									<%--<select value="" class="addressCounty" onchange="onAddressCountyChange(this.value)"></select>--%>
									<%--<input id="customerCode" style="width:168px;" class="easyui-combobox" data-options="valueField:'customerCode',textField:'customerName'">--%>
								<%--</span>--%>
							<%--</td>--%>
						<%--</tr>--%>
						<tr>
							<td class="droppable">
								<span class="field t-group-item">
									<i class="t-field-id" data-value="departments"></i>
									<i class="t-name">送检科室</i>：
									<input type="text" id="departments" class="t-value">
								</span>
							</td>
						</tr>
					</table>
					<table class="second-table t-group">
						<thead></thead>
						<tbody>
							<tr class="blue-tr">
								<td class="droppable t-group-title">样本信息</td>
							</tr>
							<tr>
								<td class="droppable">
									<span class="field t-group-item">
										<span class="required">*</span>
										<i class="t-field-id" data-value="bloodDate"></i>
										<i class="t-type" data-value="date"></i>
										<i class="t-name">采样日期</i>：
										<input type="date" id="bloodDate" validate="required" min="2014-05-11" max="2999-05-20">
									</span>
								</td>
							</tr>
						</tbody>
					</table>
					<table class="second-table t-group">
						<tr class="blue-tr">
							<td class="droppable t-group-title">受检者信息</td>
						</tr>
						<tr>
							<td class="droppable">

								<span class="field t-group-item">
									<span class="required">*</span>
									<i class="t-field-id" data-value="motherName"></i>
									<i class="t-name">母亲姓名</i>：
									<input type="text" id="motherName" validate="required" class="t-value">
								</span>
								<span class="field t-group-item">
									<span class="required">*</span>
									<i class="t-field-id" data-value="sampleSex"></i>
									<i class="t-name t-require">胎儿性别</i>：
									<select id="sampleSex" validate="required" style="width: 149.2px;">
										<option value="0" class="t-value" data-name="未知" data-value="">未知</option>
										<option value="1" class="t-value" data-name="男" data-value="1">男</option>
										<option value="2" class="t-value" data-name="女" data-value="2">女</option>
									</select>
								</span>
								<span class="field t-group-item" id="sampleNameDiv" style="display: none">
									<span class="required">*</span>
									<i class="t-field-id" data-value="sampleName"></i>
									<i class="t-name t-require">新生儿姓名</i>：
									<select id="sampleName" validate="required" style="width: 149.2px;">
										<option value="" class="t-value" data-name="" data-value="">请选择</option>
										<option value="" class="t-value" data-name="" data-value="" id="sampleNameA"></option>
										<option value="" class="t-value" data-name="" data-value="" id="sampleNameB"></option>
										<option value="" class="t-value" data-name="" data-value="" id="sampleNameC"></option>
									</select>
								</span>
							</td>
						</tr>
						<tr>
							<td class="droppable">
								<span class="field t-group-item">
									<i class="t-field-id" data-value="birthDate"></i>
									<i class="t-name">出生日期</i>：
									<input type="date" id="birthDate" min="2014-05-11" max="2999-05-20" class="t-value">
								</span>
								<span class="field t-group-item">
									<span class="required">*</span>
									<i class="t-field-id" data-value="nativePlace"></i>
									<i class="t-type" data-value="nativePlace"></i>
									<i class="t-name">籍贯</i>：
									<input type="hidden" id="nativePlace1" validate="required" style="width: 90px;">
                                     <i class="t-name">省</i>
                                     <div style="display:inline-block;">
                                        <select id="province" onchange="addressChange('#province')" class="selectpicker form-control" data-live-search="true" data-max-options="1">
                                            <option value="">请选择</option>
                                        </select>
                                    </div>
									<input type="hidden" id="nativePlace2" validate="required" style="width: 90px;">
                                     <i class="t-name">市</i>
                                    <div style="display:inline-block;">
                                        <select id="city" onchange="addressChange('#city')" class="selectpicker form-control" data-live-search="true" data-max-options="1">
                                            <option value="">请选择</option>
                                        </select>
                                    </div>
								</span>
								<span class="field t-group-item">
									<span class="required">*</span>
									<i class="t-field-id" data-value="nationaltily"></i>
									<i class="t-name">民族</i>：
                                    <div id="search">
                                    </div>
									<input type="text" id="nationaltily" validate="required" style="width: 150px;opacity:0;border:0px;" class="t-value">
								</span>
							</td>
						</tr>
                        <tr>
                          <td class="droppable">
                            <span class="group-field field t-group-item">
                                <input class="submit" id="neonatalCareType-input" type="hidden" value="" />
										<i class="t-field-id" data-value="neonatalCareType"></i>
										<i class="t-name">新生儿所在病房</i>：
										<input name="xx0.38997365487033896" id="neonatalCareType_0" type="checkbox" class="t-value" onclick="showNicuType(this);" data-name="普通病房" data-value="0" />普通病房
										<input name="xx0.38997365487033896" id="neonatalCareType_1" type="checkbox" class="t-value" onclick="showNicuType(this);" data-name="新生儿监护病房NICU" data-value="1"/>新生儿监护病房NICU
                                <div id="nicuType" style="display: none;margin-left: 10px;">
                                 <span class="input-title">监护类型</span>
                                 <select name="" id="nicu" onchange="getNICU();">
                                    <option value="">请选择</option>
                                    <option value="1">新生儿黄疸</option>
                                    <option value="2">新生儿肺炎</option>
                                    <option value="3">新生儿早产/低体重儿</option>
                                    <option value="4">呛到羊水</option>
                                    <option value="5">其他</option>
                                </select>
									<div id="deafBabyDesc" class="sheet-row" style="display: none;">
                                       <div class="input-line"  style="margin:0px;"></div>
										<i class="t-field-id" data-value="neonatalCareType5"></i>
                                      <input class="submit" id="neonatalCareType5" name="deafBabyDesc" type="text" class="address-input"
                        placeholder="请输入新生儿监护病房信息"  />
                                  </div>
                              </div>
                                   
				            </span>
                          </td>
                        </tr>
						<tr>
							<td class="droppable">
                                
								<span class="field t-group-item">
									<span class="required">*</span>
									<i class="t-field-id" data-value="motherPhoneNum"></i>
									<i class="t-type" data-value="phoneNum"></i>
									<i class="t-name">母亲电话</i>：
									<input type="text" validate="phoneNum,required" id="motherPhoneNum" class="t-value">
								</span>
								<span class="field t-group-item">
									<span class="required">*</span>
									<i class="t-field-id" data-value="husbandPhoneNum"></i>
									<i class="t-type" data-value="phoneNum"></i>
									<i class="t-name">手机号码</i>：
									<input type="text" validate="phoneNum,required" id="husbandPhoneNum" class="t-value">
								</span>
							</td>
						</tr>
						<tr>
							<td class="droppable">
								<span class="field t-group-item">
									<span class="required">*</span>
									<i class="t-field-id" data-value="idCard"></i>
									<i class="t-type" data-value="idCard"></i>
									<i class="t-name">母亲身份证号</i>：
									<input type="text" validate="idCard,required" id="idCard" style="width: 623px;" class="t-value">
								</span>
							</td>
						</tr>
					</table>
					<table class="second-table t-group">
						<tbody>
							<tr class="blue-tr">
								<td class="t-group-title">临床信息</td>
							</tr>
							<tr>
								<td class="droppable">
									<span class="group-field field t-group-item" validate="required">
                                		<span class="required">*</span>
                                        <input class="submit" id="pregnancyInfection-input" type="hidden" value="" />
										<i class="t-field-id" data-value="pregnancyInfection"></i>
										<i class="t-field-id" data-value="pregnancyInfectionInfo"></i>
										<i class="t-name">母亲怀孕期感染</i>：
										<input name="xx0.38997365487033897" id="pregnancyInfection_0" type="checkbox" class="t-value" data-name="无" data-value="0" onclick="getChoice(this)">无
										<input name="xx0.38997365487033897" id="pregnancyInfection_1" type="checkbox" class="t-value" data-name="弓形虫" data-value="1" onclick="getChoice(this)">弓形虫
                                        <input name="xx0.38997365487033897" id="pregnancyInfection_2" type="checkbox" class="t-value" data-name="风疹病毒" data-value="2" onclick="getChoice(this)">风疹病毒
                                        <input name="xx0.38997365487033897" id="pregnancyInfection_3" type="checkbox" class="t-value" data-name="巨细胞病毒" data-value="3" onclick="getChoice(this)">巨细胞病毒
                                        <input name="xx0.38997365487033897" id="pregnancyInfection_4" type="checkbox" class="t-value" data-name="单纯胞疹病毒" data-value="4" onclick="getChoice(this)">单纯胞疹病毒
                                        <input name="xx0.38997365487033897" id="pregnancyInfection_5" type="checkbox" class="t-value" data-name="其他" data-value="5" onclick="getChoice(this)">
                                        其他&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" id="pregnancyInfectionInfo" class="t-value">
									</span>

								</td>
							</tr>
							<tr>
								<td class="droppable">
                                <span class="group-field field t-group-item" validate="required">
                                		<span class="required">*</span>
										<i class="t-field-id" data-value="consanguineousMarriage"></i>
										<i class="t-name">父母近亲结婚</i>：
										<input name="xx0.5360287454490771" id="consanguineousMarriage_0" type="checkbox" class="t-value" data-name="无" data-value="0">无
										<input name="xx0.5360287454490771" id="consanguineousMarriage_1" type="checkbox" class="t-value" data-name="有" data-value="1">有
									</span>
									<span>&nbsp;&nbsp;</span>
									<span class="group-field field t-group-item" validate="required">
                                		<span class="required">*</span>
										<i class="t-field-id" data-value="medicationHistory"></i>
										<i class="t-name">新生儿用药史</i>：
										<input name="xx0.23829047515934976" id="medicationHistory_0" type="checkbox" class="t-value" data-name="否" data-value="0">否
										<input name="xx0.23829047515934976" id="medicationHistory_1" type="checkbox" class="t-value" data-name="是" data-value="1">是
									</span>
								</td>
							</tr>
							<tr>
								<td class="group-field droppable">
									<span class="group-field field t-group-item" validate="required">
                                		<span class="required">*</span>
										<i class="t-field-id" data-value="familyDeafness"></i>
										<i class="t-name">耳聋家族史</i>：
										<input name="xx0.30255439477473645" id="familyDeafness_0" type="checkbox" class="t-value" data-name="无" data-value="0">无
										<input name="xx0.30255439477473645" id="familyDeafness_1" type="checkbox" class="t-value" data-name="有" data-value="1">有
									</span>
									<span>&nbsp;&nbsp;</span>
									<span class="group-field field t-group-item" validate="required">
						<span class="required">*</span>
						<i class="t-field-id" data-value="earDeformity"></i>
						<i class="t-name">新生儿耳部畸形</i>：
						<input name="xx0.03877416858131899" id="earDeformity_0" type="checkbox" class="t-value" data-name="否" data-value="0">否
						<input name="xx0.03877416858131899" id="earDeformity_1" type="checkbox" class="t-value" data-name="是" data-value="1">是
					</span>
								</td>
							</tr>
						</tbody>
					</table>
					<table class="second-table t-group">
						<tbody>
						<tr class="blue-tr">
							<td class="t-group-title">备注</td>
						</tr>
						<tr>
							<td class="droppable">
									<span class="field t-group-item">
										<i class="t-field-id" data-value="notes"></i>
										<i class="t-name">备注</i>：
										<textarea id="notes" style="width: 520px;height: 80px;border: 1px solid #dfdfdf;margin: 20px 0;" class="t-value"></textarea>
									</span>
							</td>
						</tr>
						</tbody>
					</table>
					<table class="second-table t-group">
						<tbody>
							<tr class="blue-tr">
								<td class="t-group-title">检测项目</td>
							</tr>
							<tr>
								<td class="droppable">
									<span>
										<span class="required">*</span>产品编号：</span>
									<p class="field t-group-item-product">
										<input id="product_DX0459" type="checkbox" disabled="disabled">
										<b>
											<span id="productName_DX0459">
												<i class="t-product-name">遗传性耳聋4个常见基因检测</i>
											</span>
										</b>（
										<i class="t-product-value">DX0459</i>）
									</p>
								</td>
							</tr>
						</tbody>
					</table>
				</div>
				<div style="width:220px; margin: 30px auto;" id="saveBtn">
					<button onclick="save();" style="width: 120px; height: 33px; border-radius: 2px; border-radius: 4px; background: rgb(23,134,184); color: #fff; outline: none; border-color: transparent;">保存</button>
				</div>
			</div>

			<!-- 模态框（Modal） -->
			<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				<div class="modal-dialog">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
								&times;
							</button>
							<h4 class="modal-title" id="myModalLabel">
								免费券列表
							</h4>
						</div>
						<div class="modal-body">
							<div class="search-box" style='display:flex;flex-direction:row'>
								<input type="text" placeholder="请输入证件号码" id="coupon-kw">
								<button onclick="searchCoupons()">搜索</button>
							</div>
							<div class="no-coupon">
								不使用免费券
							</div>
							<div class="empty-coupon">
								没有免费券
							</div>
							<div class="coupon-list">
							</div>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-default" data-dismiss="modal">
								关闭
							</button>
						</div>
					</div>
					<!-- /.modal-content -->
				</div>
				<!-- /.modal -->
			</div>

			<a href="#top" id="goTop">
				<i class="fa fa-angle-up fa-3x"></i>
			</a>
			<script type="text/javascript" src="static/manage-sys/add-sample/js/deaf.js"></script>
			<script type="text/javascript">
				$("#product_DX0459")[0].checked = true;
                $(function (){
                    //编辑功能进入，展示民族信息
                    $("#getNationaltily").val($("#nationaltily").val());
                })
			</script>
			<!-- 优惠券列表渲染 -->
			<script id="coupon-list" type="text/html">
				{{each rows item i}}
					<div class="coupon-item">
						<div class="content-wrapper">
							<div class="name">{{item.couponName}}</div>
							<div class="desc">{{item.couponDesc}}</div>
						</div>
						{{if item.productCode == 'DX0459' && item.status == '1'}}
							<button class="btn btn-primary" onclick="useCoupon('{{item.couponNum}}')">使用</button>
						{{/if}}
						{{if item.productCode != 'DX0459' || ( item.productCode == 'DX0459' && item.status != '1')}}
							<button class="btn btn-disbled" disabled>不可用</button>
						{{/if}}
					</div>
				{{/each}}
			</script>
		</body>
		</html>